const temp =
`
<h3></h3>
<ul></ul>
<style>
    :host {
        border: 5px solid blue;
        display: block;
        }
    li{
        padding-left: 20px;
    }
    h3 {
        margin: 10px 0 20px;
    }
</style>
`

export default new MakeComp({
    temp,
    tagName: 'list',
    updata: ($, that) => {
        const titleDom = $('h3');
        const ulDom = $('ul');
        console.log(that);
        return {
            title: v => titleDom.innerText = v,
            list: v => {
                ulDom.innerHTML = v.map(i => `<li>${i}</li>`).join('')
            }
        }
    }
});
